<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="../layui/css/layui.css" rel="stylesheet">
</head>
<body>
<!--布局容器-->
<div class="layui-container">
<!--    定义行-->
    <div class="layui-row">
<!--   定义列    -->
        <div class="layui-col-md5" style="background-color: #92b8b1">
            内容5/12
        </div>
        <div class="layui-col-md7" style="background-color: red">
            内容7/12
        </div>
    </div>

    <div class="layui-row">
        <!--   定义列    -->
        <div class="layui-col-md3" style="background-color: #b5fff8">
            内容3/12
        </div>
        <div class="layui-col-md5" style="background-color: #ff5722">
            内容5/12
        </div>
    </div>

</div>
</body>
</html>